<template>
	<view class="container container01">
		<!--微信start-->
		<view class="zfb_box">
			<view class="tit">
				<view><image src="/static/images/img_75.png"></image>微信<text>CNY</text></view>
				<image src="/static/images/img_31.png" class="box_close" @tap="close_wx"></image>
			</view>
			<view class="list">
				<view><label>姓名</label><text>朱元璋</text></view>
				<view><label>账号</label><text>1235875632</text></view>
				<view>
					<label>二维码</label>
					<image src="/static/images/img_78.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="btn">
				<button class="submit on">编辑账号</button>
				<button class="back_btn" @tap="box_tips">删除账号</button>
				<u-safe-bottom></u-safe-bottom>
			</view>
		</view>
		<!--微信end-->
		
		<!--支付宝start-->
		<view class="zfb_box" style="display: none;">
			<view class="tit">
				<view><image src="/static/images/img_75.png"></image>微信<text>CNY</text></view>
				<image src="/static/images/img_31.png" class="box_close" @tap="close_wx"></image>
			</view>
			<view class="list">
				<view><label>姓名</label><text>朱元璋</text></view>
				<view><label>账号</label><text>1235875632</text></view>
				<view>
					<label>二维码</label>
					<image src="/static/images/img_78.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="btn">
				<button class="submit on">编辑账号</button>
				<button class="back_btn" @tap="box_tips">删除账号</button>
				<u-safe-bottom></u-safe-bottom>
			</view>
		</view>
		<!--支付宝end-->
		
		<!--银行卡start-->
		<view class="zfb_box" style="display: none;">
			<view class="tit">
				<view><image src="/static/images/img_73.png"></image>银行卡<text>CNY</text></view>
				<image src="/static/images/img_31.png" class="box_close" @tap="close_yhk"></image>
			</view>
			<view class="list">
				<view><label>姓名</label><text>朱元璋</text></view>
				<view><label>账号</label><text>9559 9800 8458 9499 887</text></view>
				<view><label>开户行</label><text>中国农业银行</text></view>
			</view>
			<view class="btn">
				<button class="submit on">编辑账号</button>
				<button class="back_btn" @tap="box_tips">删除账号</button>
				<u-safe-bottom></u-safe-bottom>
			</view>
		</view>
		<!--银行卡end-->
		
		<u-modal :show="yan_show" :confirmText="confirmText" showCancelButton :cancelText="cancelText" confirmColor="#E85B3E" cancelColor="#757475" @confirm="confirm" @cancel="cancel">
			<view class="box_content">
				<image src="/static/images/img_10.png" mode="widthFix" class="b_img"></image>
				<view class="slot-content">
					<rich-text :nodes="content"></rich-text>
				</view>
			</view>
		</u-modal>
		
	</view>
</template>

<script>
export default{
	data(){
		return{
			content:'账户删除后可以再次添加，是否继续<br/>删除？',
			confirmText:"删除",
			cancelText:"关闭",
			yan_show: false
		}
	},
	methods:{
		box_tips(){
			this.yan_show = true,
			this.wx_show = false,
			this.zfb_show = false,
			this.yhk_show = false
		},
		confirm(){
			this.yan_show = false
		},
		cancel(){
			this.yan_show = false
		}
	}
}
</script>

<style lang="scss">
@import url("../../common/style.scss");
@import url("my.scss");
.container{
	height: 100vh;
}
</style>